<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/reset.css">

</head>
<body>
    <header class="header clearfix container-fluid ">
        <!-- 左边logo    -->
        <h1 class="fl">
            <a href="index.HTML" class="logo-link mt20 ">
                源码大数据平台
            </a>
        </h1>
        <!-- 右边的导航 -->

        <a href="#" class="fr navAA  mt20 fs12 color-white txt-center mr10">登录</a>
        <a href="#" class="fr navAB  mt20 fs12 color-white txt-center">已有源码账号</a>
    </header>
    <div class="banner container">
        <ul>
            <li>
               <h1>欢迎注册</h1>
            </li>
            <li>
                <div>百款接口免费试用</div>           
            </li>
            <li>
                <p class="lbao">注册即送300元大礼包</p>
            </li>
            <li class="next">
                <input type="text"    name="" id="" placeholder="用户名(6~20位字母数字)">
                <span class="error-hint">昵称需在6-12位字母数字间</span>
            </li>
            <li class="next">
                <input type="text"    name="" id="" placeholder="请输入手机号">
                <span class="error-hint">请输入11位手机号</span>
            </li>
            <li class="hqyzm next">
                <input type="text"    name="" id="" placeholder="请输入手机短信验证码">
                <a href="" class="yzm">获取验证码</a>
                <span class="error-hint">请输入4位手机验证码</span>
            </li>
            <li class="next">
                <input type="text" name="" id="" placeholder="请输入6至12位密码">
                <span class="error-hint">请输入6至12位的密码</span> 
            </li>
            <li class="privacy" style="color: #a3a3a3;">
                <input type="checkbox">我已阅读并接受
                <a href="" style="color: #00bdff;">《源码隐私政策》</a>
                <a href="" style="color: #00bdff;">《源码用户服务协议》</a>
            </li>
            <li> 
                <button>立即注册</button>
            </li>
        </ul>
    </div>
</body>
</html>